<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
  <title>Document</title>
  <link rel="stylesheet" href="css/index3.css">
</head>
<body>
  <div class="big">

         <section>
             <div class="top">
              <h1>淄博聊斋城</h1>
              <div class="top_one">
                <p>AAAA级景区</p>
              </div>
              <div class="top_two">
                <p>淄川区</p>
              </div>
              
             </div>



             
                 <div class="slider">

                   <a href="#"><img src="images/feng.png" alt=""/></a>
    
                   <ul class="circle">
                       <li class="current"></li>
                       <li></li>
                       <li></li>
                       <li></li>
                       <li></li>
                       <li></li>
                   </ul>
   
                  </div>



                  <div class=" article">
                      <p>聊斋城是以园林为表现形式，以聊斋故事为肢体的群组式的大型名园景区，位于淄博市淄川区洪山镇蒲家庄。这里是世界短篇小说知网蒲松龄的故里。上东升五大旅游景区之一。</p>

                      <p>淄博聊斋城的组成部分成陈列馆、狐仙园、石隐园。聊斋宫、满井寺、观狐园六部分。聊斋城旅游景区内的蒲松龄纪念馆，较为完整的保留了蒲松龄当年居住的原貌。故居为典型的北方农村院落，郭沫若题写的“蒲松龄故居”的金字匾，高悬故居大门。院内有蒲松龄当年著书的聊斋</p>

                      <h1>查看全部简介</h1>
                      <div id="triangle-right"></div>

                  </div>


                    <div class="details">
                          <div class="details_one">
                              <h1>地&nbsp址</h1>
                              <div class="details_two"><p>蒲家庄386号</p></div>
                              
                           
                           <div class="details_four">
                              <h1>营业时间</h1>
                              <div class="details_three"><p>夏季：7:30-18:00</p><span>冬季：8:30-17:00</span>
                              </div>
                              
                          </div>



                           <div class="details_four">
                              <h1>咨询电话</h1>
                              <div class="details_six"><p>0571-88888888</p>
                              </div>
                              
                          </div>



                           <div class="details_seven">
                              <h1>门票价格</h1>
                              <div class="details_six"><p>50/人</p>
                              </div>
                              
                          </div>



                           <div class="details_seven">
                              <h1>门票说明</h1>
                              <div class="details_six"><p>人/40元（团体）</p>
                              </div>
                              
                          </div>


                          <div class="details_none">
                              <h1>优惠政策</h1>
                              <div class="details_ten"><p>1.2米以下儿童、70岁以上老人、残疾人、现役军人凭有效证件，享受免票</p>
                                                       <span>60-69岁老人、学生凭有效证件享受半价大学生、老年人（60岁以上）、特困职工、现役军人凭有效证件人/20次、中小学生凭参观证/10人</span>
                              </div>
                              
                          </div>



                          <div class="spot">
                               <p>子景区</p>
                               <p>狐仙园</p>
                               <a href="ditu.html"><img src="images/hu.png" alt=""></a>
                               <p>地图</p>
                               <img src="images/li.png" alt="">
                               <p>门票人/人20</p>
                               <div class="spot_one">
                                  <p>淄博聊斋城的组成部分成陈列馆、狐仙园、石隐园。聊斋宫、满井寺、观狐园六部分。聊斋城旅游景区内的蒲松龄纪念馆，较为完整的保留了蒲松龄当年居住的原貌.</p>
                               </div>
                              
                          </div>


                            

                            <div class="spot">
                               <p>子景区</p>
                               <p>狐仙园</p>
                               <a href="ditu.html"><img src="images/hu.png" alt=""></a>
                               <p>地图</p>
                               <img src="images/nv.png" alt="">
                               <p>门票人/人80</p>
                               <div class="spot_one">
                                  <p>淄博聊斋城的组成部分成陈列馆、狐仙园、石隐园。聊斋宫、满井寺、观狐园六部分。聊斋城旅游景区内的蒲松龄纪念馆，较为完整的保留了蒲松龄当年居住的原貌.</p>
                               </div>
                              
                          </div>




                            <div class="room">
                                 <p>房&nbsp型</p>
                                 <img src="images/big.png" alt="">
                                 <p>大床房</p>
                                 <p>房价：325元/晚</p>
                                 <p>淄博聊斋城的组成部分成陈列馆、狐仙园、石隐园。聊斋宫、满井寺、观狐园六部分。</p>

                                  
                                 <img src="images/small.png" alt="">
                                 <p>双床房</p>
                                 <p>房价：525元/晚</p>
                                 <p>淄博聊斋城的组成部分成陈列馆、狐仙园、石隐园。聊斋宫、满井寺、观狐园六部分。</p>
                            
                            </div>

                    </div>
                             <div class="map">
                               <img src="images/di.png" alt="">
                             </div>


                             <div class="deep">
                                   <img src="images/zhao.png" alt="">
                                   <h1 id="zb">周边景点</h1>
                                   <div class="deep_one">
                                     
                                      <div class="deep_two">
                                        <img src="images/ta.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                      

                                      <div class="deep_three">
                                        <img src="images/ta.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>



                                      <div class="deep_one">
                                     
                                      <div class="deep_two">
                                        <img src="images/ta.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                      

                                      <div class="deep_three">
                                        <img src="images/ta.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                   </div>
                                





                                <div class="deep">
                                   <img src="images/mei.png" alt="">
                                   <h1 id="zb">周边美食</h1>
                                   <div class="deep_one">
                                     
                                      <div class="deep_two">
                                        <img src="images/chang.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                      

                                      <div class="deep_three">
                                        <img src="images/chang.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>



                                      <div class="deep_one">
                                     
                                      <div class="deep_two">
                                        <img src="images/chang.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                      

                                      <div class="deep_three">
                                        <img src="images/chang.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                   </div>




                                   <div class="deep">
                                   <img src="images/zhu.png" alt="">
                                   <h1 id="zb">周边住宿</h1>
                                   <div class="deep_one">
                                     
                                      <div class="deep_two">
                                        <img src="images/jiu.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                      

                                      <div class="deep_three">
                                        <img src="images/jiu.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>



                                      <div class="deep_one">
                                     
                                      <div class="deep_two">
                                        <img src="images/jiu.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                      

                                      <div class="deep_three">
                                        <img src="images/jiu.png" alt="">
                                        <h1>景点名称</h1>
                                        <p>淄博聊斋城的组成部分成陈列馆。</p>
                                      </div>
                                   </div>
                            

                             </div>
                              <div id="map" style="width: 100%; height:  300px;"></div>

         </section>




  </div>
</body>

<script src="js/rem.js"></script>


</html>